<template>
  <button class="btn btn-sm btn-primary" @click=" showImportModal = true ">{{title}}</button>
  <vue-modal
    :title="title"
    ok-text="提交"
    cancel-text="取消"
    :show.sync="showImportModal"
    effect="fade"
    :small="true"
    :width="500"
    :callback="submit">
    <div slot="modal-body" class="modal-body">
      <form class="form-horizontal" role="form">
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*用户</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="update.customerIds" placeholder="请输入用户ID，以「 , 」分隔">
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*贝塔币增减</label>
          <div class="col-sm-9 text-left">
            <select class="form-control" v-model="update.event">
              <option value="8">赠送</option>
              <option value="9">扣除</option>
            </select>
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*增减数量</label>
          <div class="col-sm-9 text-left">
            <input type="number" min="1" class="form-control" v-model="update.gold">
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*备注说明</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="update.remark">
          </div>
        </div>
      </form>
    </div>
  </vue-modal>
</template>
<style src="./import-money.css" scoped></style>
<script src="./import-money.js"></script>